/**
 * @description  : 预警提醒详情
 * @descriptionDetail : 预警提醒详情
 * @copyright    : 浙江烟草
 * @author       : dw
 * @create       : 2022-12-05 15:31:17
 */
<template>
  <view class="page">
    <!-- #ifdef H5-ONLY -->
    <theme-navbar :is-white="false" :title="navTitle" :custom-back="goBack" style="z-index: 99999">
    </theme-navbar>
    <!-- #endif -->
    <view class="content">
      <!-- <view style="color:#fff"> -->
      <view class="It-root">
        <view class="left-tag"></view>
        <view class="right-content">
          <view class="ri-content-title">
            <view class="fs-title">
              {{ objInfo.warnTypeCn }}
            </view>
            <view>
              <u-tag :text="objInfo.warnProcessStatusNewCn" mode="dark" size="mini" type="warning" shape="circle"></u-tag>
            </view>
          </view>
          <view>
            <view>
              <span class="fs-con-tit">许可证状态：</span>
              <span class="fs-con">
                {{ objInfo.licNoStatusCn || '' }}
              </span>
              <span style="padding:0 14rpx;color: #adadad;"> | </span>
              <span class="fs-con-tit">剩余天数：</span>
              <span class="fs-con">
                {{ objInfo.surplusDays }}
              </span>
            </view>
          </view>
        </view>
      </view>
      <view class="border-bo"></view>
      <view style="padding: 0 22rpx 20rpx">
        <view class="mb-26" style="display:flex;">
          <view class="flex-1">
            <view class="fs-con-tit mb-9">
              许可证号：
            </view>
            <view>
              {{ objInfo.licNo }}
            </view>
          </view>
          <view class="flex-1">
            <view class="fs-con-tit mb-9">
              负责人：
            </view>
            <view>
              {{ objInfo.managerName }}
            </view>
          </view>
        </view>
        <view class="mb-26">
          <view class="fs-con-tit mb-9">
            企业字号名称：
          </view>
          <view>
            {{ objInfo.companyName }}
          </view>
        </view>
        <view class="mb-26">
          <view class="fs-con-tit mb-9">
            经营地址：
          </view>
          <view>
            {{ objInfo.businessAddr }}
          </view>
        </view>
      </view>
      <view style="border-bottom: 20rpx solid #f2f3f5;margin: 0 -30rpx;"></view>
      <!-- </view> -->
    </view>
    <view class="form-style">
      <view class="form-style-title">
        <view class="left-info-tag"></view>
        <view class="fs-title">
          详细信息
        </view>
      </view>
      <u-form :model="orgForm" label-width="140" label-position="top" :border-bottom="false" :label-style="labelStyle">
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="短信发送次数">
              {{ objInfo.sendSMSCount || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="许可证有效期">
              {{ objInfo.licEndDate || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="营业执照有效期">
              {{ objInfo.businessValidEnd || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="预警日期">
              {{ objInfo.warningStartDate || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="新办证未经营日期">
              {{ objInfo.newLicnNotManagerDate || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="最后一次订货日期">
              {{ objInfo.finallyOrderGoods || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="停止截止日期">
              {{ objInfo.closeDownEndDate || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="责令变更停止日期">
              {{ objInfo.orderChangeEndDate || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="责令整顿停到期日期">
              {{ objInfo.orderCloseDownEndDate || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="公告时间">
              {{ objInfo.publishTime || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
        <u-row>
          <u-col span="12" style="padding: 0px 0px">
            <u-form-item label="发证机关">
              {{ objInfo.issueOrgName || "/" }}
            </u-form-item>
          </u-col>
        </u-row>
      </u-form>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      objInfo:{},
      labelStyle:{
        'color':"#666666",
        'font-size':'13px',
      },
      orgForm:{},
    }
  },
  onLoad() {
    this.objInfo = this.getRouteParam();
  },
  mounted() {
  },
  methods: {

  },
}
</script>

<style scoped lang="scss">
.page {
		background-color: #fff;
	}
  .content{
    background-color: #fff;
  }
  .It-root{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
    padding-top: 14px;
    padding-right: 13px;
  }
  .form-style-title{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    align-items: flex-start;
  }
  .left-tag{
    padding: 16rpx 16rpx;
    background-color: #ee8c4f;
    border-radius: 44rpx;
    margin: 8rpx 10rpx 26rpx 16rpx;
  }
  .right-content{
    flex: 1;
  }
  .ri-content-title{
    display: flex;
    justify-content: space-between;
    padding-bottom: 20rpx;
  }
  .left-info-tag{
    padding: 8px 2px;
    background-color: #ee8c4f;
    border-radius: 22px;
    margin: 3px 6px 13px 0px;
  }
  .fs-title{
    font-weight: bold;
    font-size: 32rpx;
  }
  .fs-con-tit{
    font-size: 26rpx;
    color: #adadad;
  }
  .form-style{
    padding: 14px 11px
  }
  .fs-con{
    font-size: 26rpx;
  }
  .flex-1{
    flex: 1;
  }
  .border-bo{
    border-bottom: 2rpx solid $u-border-color;
    margin: 22rpx 22rpx;
  }
  .mb-26{
    margin-bottom: 26rpx;
  }
  .mb-9{
    margin-bottom: 18rpx;
  }
</style>
